﻿<html>

<head>
	<title></title>
	<meta charset="utf-8">
	<meta http-equiv="Cache-Control" content="no-cache" />
	<meta name="viewport" content="initial-scale=1,maximum-scale=1, minimum-scale=1">
	<link rel="stylesheet" type="text/css" href="css/styles.css">
	<link rel="stylesheet" type="text/css" href="css/reset.css?t=20170807">
	<link rel="stylesheet" type="text/css" href="css/index1.css?t=20170806">
	<link rel="stylesheet" type="text/css" href="starability-minified/starability-all.min.css" />
	<link rel="stylesheet" href="./css/swiper-3.4.2.min.css">
	<script>
		document.documentElement.style.fontSize = document.documentElement.clientWidth / 7.5 + 'px';
	</script>

	

	<link href="css/mui.picker.css" rel="stylesheet" />
	<link href="css/mui.poppicker.css" rel="stylesheet" />
	<script src="./js/mui.min.js"></script>
	<script src="./js/mui.picker.js"></script>
	<script src="./js/mui.poppicker.js"></script>
	
	
	
	    
	
	


</head>

<body ontouchstart>
	<div id='loadings'>
		<div class="load_contant">
			<div class="spinner">
				<div class="rect1"></div>
				<div class="rect2"></div>
				<div class="rect3"></div>
				<div class="rect4"></div>
				<div class="rect5"></div>
			</div>
			<div class="load_pic"></div>
		</div>
		<div class="load_xun">
			<div class="xun_pic">
				<div class="pic_container"></div>
			</div>
			<div class="load_text">
				加载中
			</div>
		</div>
	</div>
	<div id="mapContainer">
	</div>
	<div class="scale">
		<div class="biger" onclick="biger()">
		</div>
		<div class="smaller" onclick="smaller()">
		</div>
		<div class="mark" onclick="showMark()"></div>
	</div>
	<div class="map_toggle">
		<div class="zhinan"></div>
		<div class="map_three" onclick="mapToggle()">3D</div>
	</div>
	<div class="setPoint" style="display: none">
		<div class="toper">
			<div class="left">
				<p class="pointName"></p>
				<p class="pointFloor"></p>
			</div>
			<div class="right">
				<div class="setEnd" onclick="setEnd()">
				</div>
				<div class="setStart" onclick=" setStart() ">
				</div>
			</div>
		</div>
		<div class="share" onclick="share(1)">发送位置给好友</div>
	</div>
	<div class="shares">
		<div class="share_top clearfix">
			<div class="share_icon share_icon1" onclick="shareTimeline()">朋友圈</div>
			<div class="share_icon share_icon2" onclick="shareMessage()">微信好友</div>
			<div class="share_icon share_icon3" onclick="shareQQ()">QQ好友</div>
		</div>
		<div class="quxiao" onclick="share(2)">取消</div>
	</div>
	<div class="share_shade" onclick="noShow()">
		<div class="arrows"></div>
		<div class="neirong">
			<div class="gesture">
				点击右上角分享到
			</div>
			<div class="share_pic share_weixin">朋友圈</div>
		</div>
	</div>
	<div class="mo_daohang">
		<audio autoplay preload id="mo_yuyin" class="mo_yuyin"></audio>
		<div class="mo_toper">
			<div class="mo_pic">
			</div>
			<div class="center_box">
				<span class="mo_text"></span>
			</div>
		</div>
		<div class="mo_footerS">起点位置 :
			<span></span>
		</div>
		<div class="mo_footerE">目标位置 :
			<span></span>
		</div>
	</div>
	<div class="mo_tishi">
		<div class="mo_left">
			<span onclick="moClose()"></span>
		</div>
		<div class="mo_center" onclick="mo_goOn()">正在导航</div>
		<div class="mo_right">
			<span onclick="yuyin(this)"></span>
		</div>
	</div>
	<div class="operation">
		<div class="selectPoint">
			<div class="oGreen">
				<i></i>
			</div>
			<input type="text" id="startPoint" onfocus="searchHtmlS()" placeholder="我的位置">
		</div>
		<div class="goback" onclick="goback()"></div>
		<div class="selectPoint">
			<div class="oRed">
				<i></i>
			</div>
			<input type="text" id="endPoint" onfocus="searchHtmlE()" placeholder="输入终点">
		</div>
	</div>
	<div class="setPoint1">
		<div class="tishi">
		</div>
		<div class="daohang">
			<button class="go" disabled='disabled' onclick="go()" type="button">开始导航</button>
			<button class=mogo disabled='disabled' onclick='mogo()' type="button">模拟导航</button>
		</div>
	</div>
	<div class="followMe">
		<span>全程
			<span></span>米</span>
		<div></div>
	</div>
	<div class="mo_end">
		<div class="mo_end_text">你已到达目的地</div>
		<div class="mo_end_message">
			<div>
				<p class="mo_end_q">
				</p>
				<p class="mo_end_z">
				</p>
			</div>
			<p>
				距离
				<span class="mo_distance"></span>米 耗时
				<span class="mo_end_time"></span>秒</p>
		</div>
		<div class="mo_end_rank">
			<div class="starability-container">
				<form>
					<legend>给本次导航打分
						<span class="mo_end_close" onclick="moEndClose()"></span>
					</legend>
					<fieldset class="starability-basic">
						<input type="radio" id="rate1-1" name="rating" value="1" />
						<label for="rate1-1" title="Terrible"></label>
						<input type="radio" id="rate2-1" name="rating" value="2" />
						<label for="rate2-1" title="Not good"></label>
						<input type="radio" id="rate3-1" name="rating" value="3" />
						<label for="rate3-1" title="Average"></label>
						<input type="radio" id="rate4-1" name="rating" value="4" />
						<label for="rate4-1" title="Very good"></label>
						<input type="radio" id="rate5-1" name="rating" value="5" />
						<label for="rate5-1" title="Amazing"></label>
					</fieldset>
				</form>
			</div>
			<div class="mo_end_tips">
				<button class="taptap">体验流畅</button>
				<button class="taptap">贴心提示</button>
				<button class="taptap">定位不准</button>
				<button class="taptap">信息有误</button>
			</div>
			<div class="mo_end_textarea">
				<textarea class="mo_end_textaabb" name="" id="" placeholder="其他想说的"></textarea>
			</div>
			<div class="mo_end_btn">
				<button onclick="moEndSend()">提交</button>
			</div>
		</div>
	</div>
	<div class="thanks_tips">感谢反馈</div>
	<div class="searchPathFailBox">
		<div class="searchPathFail">
			<div>温馨提示
				<span class="searchPathFailClose" onclick="searchPathFailClose()"></span>
			</div>

			<div class="searchPathFailMsg">寻路错误</div>
			<div class="searchPathFailBtn" onclick="searchPathFailClose()">确定</div>
		</div>
	</div>
	<div class="floorToggleBox">
		<!-- 41-50 -->
		<div class="floorToggleContent1">
			<div class="floorToggle">
				41-50F
			</div>
			<div class="floorToggleUl">
				<li class="floorToggleUl_List" id="floorToggleUl_List">
					<i class="floorToggleMinUl_i"></i>
					<button name="btn" data="451EA2AE-41EF-4A53-8469-5091CA594264" value="46F" id="46F">46F</button>
				</li>
				<li class="floorToggleUl_List" id="floorToggleUl_List">
					<i class="floorToggleMinUl_i"></i>
					<button name="btn" data="EFA318B5-CAAC-4396-B920-E7CD501918E1" value="45F" id="45F">45F</button>
				</li>
				<li class="floorToggleUl_List" id="floorToggleUl_List">
					<i class="floorToggleMinUl_i"></i>
					<button name="btn" data="2C74BBFE-4646-4457-8994-D5294896684F" value="44F" id="44F">44F</button>
				</li>
				<li class="floorToggleUl_List" id="floorToggleUl_List">
					<i class="floorToggleMinUl_i"></i>
					<button name="btn" data="B62CAE30-B024-4B38-ADD7-AF443FB04E3D" value="43F" id="43F">43F</button>
				</li>
				<li class="floorToggleUl_List" id="floorToggleUl_List">
					<i class="floorToggleMinUl_i"></i>
					<button name="btn" data="0CE8453C-051B-4B74-8ADF-1CFF22DF7358" value="42F" id="42F">42F</button>
				</li>
				<li class="floorToggleUl_List" id="floorToggleUl_List">
					<i class="floorToggleMinUl_i"></i>
					<button name="btn" data="6A92A77E-44C6-4318-9304-6386B4C72C7A" value="41F" id="41F">41F</button>
				</li>
			</div>
		</div>
		<!-- 31-40 -->
		<div class="floorToggleContent2">
			<div class="floorToggle">
				31-40F
			</div>
			<div class="floorToggleUl">
				<li class="floorToggleUl_List" id="floorToggleUl_List">
					<i class="floorToggleMinUl_i"></i>
					<button name="btn" data="E74D81A9-1A87-4450-B255-002E3393D857" value="40F" id="40F">40F</button>
				</li>
				<li class="floorToggleUl_List" id="floorToggleUl_List">
					<i class="floorToggleMinUl_i"></i>
					<button name="btn" data="2B0F3617-18CA-4E34-9A10-0434D59385DC" value="39F" id="39F">39F</button>
				</li>
				<li class="floorToggleUl_List" id="floorToggleUl_List">
					<i class="floorToggleMinUl_i"></i>
					<button name="btn" data="C319EEAE-3BDD-4DB4-990D-D9ECD4986784" value="38F" id="38F">38F</button>
				</li>
				<li class="floorToggleUl_List" id="floorToggleUl_List">
					<i class="floorToggleMinUl_i"></i>
					<button name="btn" data="05364454-9035-4192-9DFF-52928DE76A1F" value="37F" id="37F">37F</button>
				</li>
				<li class="floorToggleUl_List" id="floorToggleUl_List">
					<i class="floorToggleMinUl_i"></i>
					<button name="btn" data="A7A11357-B550-434C-8728-748034313151" value="36F" id="36F">36F</button>
				</li>
				<li class="floorToggleUl_List" id="floorToggleUl_List">
					<i class="floorToggleMinUl_i"></i>
					<button name="btn" data="8073DCEA-5AD1-4681-883B-4075099FC963" value="35F" id="35F">35F</button>
				</li>
				<li class="floorToggleUl_List" id="floorToggleUl_List">
					<i class="floorToggleMinUl_i"></i>
					<button name="btn" data="74F872CD-1806-442A-8A28-F2F59C610413" value="33F" id="33F">33F</button>
				</li>
				<li class="floorToggleUl_List" id="floorToggleUl_List">
					<i class="floorToggleMinUl_i"></i>
					<button name="btn" data="50D71D33-34B6-4CA5-858B-C6C4F340A328" value="32F" id="32F">32F</button>
				</li>
				<li class="floorToggleUl_List" id="floorToggleUl_List">
					<i class="floorToggleMinUl_i"></i>
					<button name="btn" data="75663C26-EC19-481B-A5D9-00D7162C5018" value="31F" id="31F">31F</button>
				</li>
			</div>
		</div>
		<!-- 21-30 -->
		<div class="floorToggleContent3">
			<div class="floorToggle">
				21-30F
			</div>
			<div class="floorToggleUl">
				<li class="floorToggleUl_List" id="floorToggleUl_List">
					<i class="floorToggleMinUl_i"></i>
					<button name="btn" data="141AD440-AA15-46C8-AFE5-B831DC77F77B" value="30F" id="30F">30F</button>
				</li>
				<li class="floorToggleUl_List" id="floorToggleUl_List">
					<i class="floorToggleMinUl_i"></i>
					<button name="btn" data="2D313626-39AB-4A1C-8F3B-B4982E2B5E11" value="29F" id="29F">29F</button>
				</li>
				<li class="floorToggleUl_List" id="floorToggleUl_List">
					<i class="floorToggleMinUl_i"></i>
					<button name="btn" data="A60EEBB0-22EF-45DD-B207-D852329C160D" value="28F" id="28F">28F</button>
				</li>
				<li class="floorToggleUl_List" id="floorToggleUl_List">
					<i class="floorToggleMinUl_i"></i>
					<button name="btn" data="FAA719B6-9ECC-42BF-8C9E-792B82D69157" value="27F" id="27F">27F</button>
				</li>
				<li class="floorToggleUl_List" id="floorToggleUl_List">
					<i class="floorToggleMinUl_i"></i>
					<button name="btn" data="408F9B9E-70BC-4ADB-B4A7-B6BE74E3C67D" value="26F" id="26F">26F</button>
				</li>
				<li class="floorToggleUl_List" id="floorToggleUl_List">
					<i class="floorToggleMinUl_i"></i>
					<button name="btn" data="FFB6CB4B-AB5B-425A-BA96-51FB215FEEE4" value="25F" id="25F">25F</button>
				</li>
				<li class="floorToggleUl_List" id="floorToggleUl_List">
					<i class="floorToggleMinUl_i"></i>
					<button name="btn" data="037865C6-09BA-413A-A31D-3C65691838C5" value="24F" id="24F">24F</button>
				</li>
				<li class="floorToggleUl_List" id="floorToggleUl_List">
					<i class="floorToggleMinUl_i"></i>
					<button name="btn" data="EC7268C5-09AB-464C-BA4A-C5DF2928E7E4" value="23F" id="23F">23F</button>
				</li>
				<li class="floorToggleUl_List" id="floorToggleUl_List">
					<i class="floorToggleMinUl_i"></i>
					<button name="btn" data="1E442142-D7A2-4732-BC21-37D4DC5EAEA5" value="22F" id="22F">22F</button>
				</li>
			</div>
		</div>
		<!-- 11-20 -->
		<div class="floorToggleContent4">
			<div class="floorToggle">
				11-20F
			</div>
			<div class="floorToggleUl">
				<li class="floorToggleUl_List" id="floorToggleUl_List">
					<i class="floorToggleMinUl_i"></i>
					<button name="btn" data="2D69E4BB-F424-40E8-AC2C-15AA42CC4929" value="20F" id="20F">20F</button>
				</li>
				<li class="floorToggleUl_List" id="floorToggleUl_List">
					<i class="floorToggleMinUl_i"></i>
					<button name="btn" data="98E37306-B483-44FE-9455-26D83EB00973" value="19F " id="19F ">19F</button>
				</li>
				<li class="floorToggleUl_List" id="floorToggleUl_List">
					<i class="floorToggleMinUl_i"></i>
					<button name="btn" data="6D17A92D-D7E5-4EAE-994C-469B1A4CCE3E" value="18F" id="18F">18F</button>
				</li>
				<li class="floorToggleUl_List" id="floorToggleUl_List">
					<i class="floorToggleMinUl_i"></i>
					<button name="btn" data="E7873980-5369-4D2B-9CD0-525ED6820B4F" value="17F" id="17F">17F</button>
				</li>
				<li class="floorToggleUl_List" id="floorToggleUl_List">
					<i class="floorToggleMinUl_i"></i>
					<button name="btn" data="C18F9FD3-B7A9-43C7-934B-A03D749573AC" value="16F" id="16F">16F</button>
				</li>
				<li class="floorToggleUl_List" id="floorToggleUl_List">
					<i class="floorToggleMinUl_i"></i>
					<button name="btn" data="BD53A4CD-F9EF-4ED0-AFE7-601CF9D228D9" value="15F" id="15F">15F</button>
				</li>
				<li class="floorToggleUl_List" id="floorToggleUl_List">
					<i class="floorToggleMinUl_i"></i>
					<button name="btn" data="F0FBA458-BC86-4F47-B1ED-5ADB1F598D9A" value="14F" id="14F">14F</button>
				</li>
				<li class="floorToggleUl_List" id="floorToggleUl_List">
					<i class="floorToggleMinUl_i"></i>
					<button name="btn" data="EAF76B42-299D-4157-BB1D-2D2EEDF5A475" value="13F" id="13F">13F</button>
				</li>
				<li class="floorToggleUl_List" id="floorToggleUl_List">
					<i class="floorToggleMinUl_i"></i>
					<button name="btn" data="B174636F-4DFB-47AA-BA43-0F6E2A2154B6" value="12F" id="12F">12F</button>
				</li>
				<li class="floorToggleUl_List" id="floorToggleUl_List">
					<i class="floorToggleMinUl_i"></i>
					<button name="btn" data="131EDA33-2CC5-4CBA-9348-31DDA4FEF1D8" value="11F" id="11F">11F</button>
				</li>
			</div>
		</div>
		<!-- 1-10 -->
		<div class="floorToggleContent5">
			<div class="floorToggle">
				1-10F
			</div>
			<div class="floorToggleUl">
				<li class="floorToggleUl_List" id="floorToggleUl_List">
					<i class="floorToggleMinUl_i"></i>
					<button name="btn" data="2C811ADF-4C86-43B3-A3FF-E16F0D66414A" value="10F" id="10F">10F</button>
				</li>
				<li class="floorToggleUl_List" id="floorToggleUl_List">
					<i class="floorToggleMinUl_i"></i>
					<button name="btn" data="95793C02-486A-44BD-BA98-B104659C2D6A" value="9FM" id="9FM">9FM</button>
				</li>
				<li class="floorToggleUl_List" id="floorToggleUl_List">
					<i class="floorToggleMinUl_i"></i>
					<button name="btn" data="FCC54DDC-071E-45FD-B673-ABDD983D5740" value="9F" id="9F">9F</button>
				</li>
				<li class="floorToggleUl_List" id="floorToggleUl_List">
					<i class="floorToggleMinUl_i"></i>
					<button name="btn" data="745BB45C-5CDF-44FE-8EDA-20E2E3A2638B" value="8F" id="8F">8F</button>
				</li>
				<li class="floorToggleUl_List" id="floorToggleUl_List">
					<i class="floorToggleMinUl_i"></i>
					<button name="btn" data="270304DE-535E-4B69-A561-96231D6E053E" value="5F" id="5F">5F</button>
				</li>
				<li class="floorToggleUl_List" id="floorToggleUl_List">
					<i class="floorToggleMinUl_i"></i>
					<button name="btn" data="1BF2A062-E22E-4862-8131-0C3C08D6219B" value="4F" id="4F">4F</button>
				</li>
				<li class="floorToggleUl_List" id="floorToggleUl_List">
					<i class="floorToggleMinUl_i"></i>
					<button name="btn" data="29CBF09E-F3BC-43C5-A511-6D793F65F8A7" value="3F" id="3F">3F</button>
				</li>
				<li class="floorToggleUl_List" id="floorToggleUl_List">
					<i class="floorToggleMinUl_i"></i>
					<button name="btn" data="37DF7255-1799-4FEE-BD32-E8318632425B" value="2F" id="2F">2F</button>
				</li>
				<li class="floorToggleUl_List" id="floorToggleUl_List">
					<i class="floorToggleMinUl_i"></i>
					<button name="btn" data="34ACE088-7116-4DCD-BA11-DB4A5EBC1618" value="1F" id="1F">1F</button>
				</li>
			</div>
		</div>
	</div>


	<div class="floorToggleMinUl">
	</div>

	
	<div class="changeF swiper-container swiper-container1 swiper-no-swiping">
		<ul class="swiper-wrapper swiper-wrapper1">
		</ul>
	</div>

	<div class="message">
		<div class="waiting">正在加载地图,请稍候...</div>
	</div>
	<div class="compass">
	</div>
	<div class="inputName">

		<div class="swiper-container swiper-container3">
		</div>
	</div>
	<div class="bg_gSearch">
		<span onclick="searchBack()" id="searchSpan" style="width: 0.7rem;height: 0.8rem;display: block;z-index: 999;">
			<img style="width:0.18rem;height:0.34rem;position: relative;left:0.3rem;top: 0.25rem;" src="images/baijiantou.png" alt="">
		</span>
		<div class="gSearch">
			<span class="sousuo_img"></span>
			<input type="text" id="text" onblur="this.placeholder='请输入关键词'" placeholder='请输入关键词'>
		</div>
		<div class="main">
			<div class="main_search">
				<div class='main_container'>

					<div class="his_search">
						<div class="his_title">
							<span class="his_left">历史记录</span>
							<span class="his_right" onclick="clearHistory()">清空历史记录</span>
						</div>
						<div class="his_list">
							<ul>
							</ul>
						</div>
					</div>
				</div>
			</div>
		</div>
		<img class="back_shouye" style="" src="images/ditu.png" alt="">
	</div>
	<div class="nav_qyfg" id="nav_qyfg">
		<img src="images/daohangLine.png" style="position: absolute;top: 0.01rem;left: -0.01rem;width: 7.5rem;height: 1px;z-index: 9999;"
		  alt="">
		<div id="nav_qy">
			<span id="qy_span">滨海</span>
			<img style="position: relative;left: -0.33rem;top: -0.06rem;width: 0.1rem;" src="images/duobianxing.png">
		</div>
		<div id="nav_yg" onclick="getlist(1,this)">
			<span>员工</span>
		</div>
		<div id="nav_fj" onclick="getlist(2,this)">
			<span>房间</span>
		</div>
		<div id="nav_gn" onclick="getlist(3,this)">
			<span>功能区</span>
		</div>
		<div class="yg_tishi">
			<span>请输入</span>
			<span>员工名称或者卡号位</span>
			<div></div>
		</div>
		<div class="lc_tishi">
			<span>此楼层</span>
			<span>暂未开放</span>
		</div>
		<div id="nav_qyShadow"></div>
	</div>



	<div class="nav_yg" style="position: absolute;top: 1.58rem;">
		<div class="lost">
			无历史搜索结果
		</div>
	</div>
	<div class="nav_fj" style="position: absolute;top: 1.58rem;"></div>
	<div class="nav_gn" style="position: absolute;top: 1.58rem;">
		<div class="lost">
			无历史搜索结果
		</div>
	</div>
	<div class="nav_qj" style="position: absolute;top: 1.88rem;"></div>
	<div class="nav_zz"></div>
	<div class="goToPath" onclick="GoTopathing()">
		<img src="./images/luxianButton.png" alt="">
	</div>


	<div class="nav_tishiyg">请输入员工名或工位号进行搜索</div>
	<script type="text/javascript " src="./js/jquery-3.2.1.min.js "></script>
	<script src="./js/fastclick.js"></script>
	<script src="./js/map.min.js "></script>
	<script src="./js/swiper-4.1.6.min.js"></script>
	<script type="text/javascript " src="https://res.wx.qq.com/open/js/jweixin-1.2.0.js "></script>
	<script type="text/javascript" src="./js/module-toggleFloorBtn.js">
	</script>
	<script type="text/javascript " src="./js/index.js?id=201851801 "></script>
	<script type="text/javascript " src="./js/wxshare.js? "></script>
	<script type="text/javascript " src="./js/jQuery.speech.min.js "></script>
	<script type="text/javascript " src="./js/search.js?id=201851801"></script>
	<script src='js/jquery.velocity.min.js'></script>
</body>
<script type="text/javascript">
	$('.luxian').click(function () {
		$(this).hide()
	})

	function setHistory(str) {
		var storage = window.localStorage;
		var history = storage.getItem("history");
		if (history) {
			history += ','
			history += str
			storage.setItem("history", history);
		} else {
			storage.setItem("history", str);
		}
	}
	function getHistory() {
		var storage = window.localStorage;
		var history = storage.getItem("history");
		var arr = [];
		if (history) {
			arr = history.split(",");
		}
		console.log(arr);
		return arr;
	}

	
	$('.back_shouye').click(function () {

		searchBack()

	})

	
	$('#nav_qy').click(function () {
		$('.nav_qy').hide()
	})
</script>

<script>
	(function ($, doc) {
		$.init();
		$.ready(function () {
			var userPicker = new $.PopPicker();
			userPicker.setData([{
				value: '滨海',
				text: '深圳滨海大厦'
			}]);
			var showUserPickerButton = doc.getElementById('nav_qy');
			var showUserPickerShadow = doc.getElementById('nav_qyShadow');
			
			showUserPickerButton.addEventListener('tap', function (event) {
					showUserPickerShadow.style.display = "block";
				userPicker.show(function (items) {
					var json = JSON.stringify(items[0])
					
					doc.getElementById('qy_span').innerHTML = JSON.parse(json).value;
				});
			}, false);

		});
	})(mui, document);
</script>


	<script src="https://xz.m.tencent.com/public/js/ta/ta.min.js" type="text/javascript"></script>
	<script type="text/javascript">
		$(function(){
	        TA.global.init('banche', window.englisName);
	    });
	</script>

</html>